<template>
  <div>
      <dl v-for="(v, i) in list" :key="i" style="display: flex;">
        <dt>
          <img :src="v.image" alt="">
        </dt>
        <dd>
          <h3>{{ v.title }}</h3>
          <p>{{ v.desc }}</p>
        </dd>
      </dl>
  </div>
</template>


<script setup>
import axios from 'axios';
import { ref } from 'vue';


const list = ref([]);
const getList = async () => {
  const resp = await axios.get('/list');
  list.value = resp.data
}

getList()
</script>